
html {
    /* padding: 13px; */
    padding: 0px;
    background: #f7f3f3;
}
body {
    font-family:'SourceHanSansCN';
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
     
}
#app {
    /* padding: 0 10px; */
    /* font-family: 'SourceHanSansCN'; */
    /* display: flex;
    flex-direction: column; */
    height: 100%;
    width: 100%;
}
.keyBoardTip {
    position: absolute;
    top: 14px;
    right: 20px;
    z-index: 99;
    cursor: pointer;
    color: #1a7ef2;
    font-size: 16px;
    font-family: 'SourceHanSansCN Regular';
    font-weight: bold;
}
.keyBoardTip .tipIcon {
    width: 16px;
    height: 16px;
    background: url('../images/ic_explain.png') 100% 100% no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
}
.noDataTip {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #909399;
    font-weight: normal;
}
.pageBody {
    height: calc(100% - 67px)
}
.el-tree-node__content {
    height: 38px;
}
.el-form-item__error {
    font-weight: bold;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    /* background-color: #edf5fe; */
    color: #1a7ef2;
}
.tagSuccess:hover, .tagSuccess:focus {
    color: #23d085!important;
    background: #e9faf3!important;
    border-color: #a7ecce!important;
    cursor: default;
}
.tagPrimary:hover,.tagPrimary:focus {
    color: #1a7ef2 !important;
    background: #e8f2fe !important;
    border-color: #a3cbfa !important;
    cursor: default;
}
.tagWarning:hover,.tagWarning:focus {
    color: #e6a23c !important;
    background: #fdf6ec !important;
    border-color: #f5dab1 !important;
    cursor: default;
}
.tagDanger:hover,.tagDanger:focus {
    color: #f56c6c !important;
    background: #fef0f0 !important;
    border-color: #fbc4c4 !important;
    cursor: default;
}
.el-button--medium.is-round {
    padding: 8px 13px;
}
.el-button--warning {
    background-color: #f3c151;
    border-color: #f3c151;
}
.el-button--info {
    color: #3b3e41;
}
.el-button--info:focus, .el-button--info:hover {
    color: #3b3e41;
    opacity: .8;
}
.el-dialog__headerbtn .el-dialog__close {
    color: #a3a3a3;
    /* font-weight: bold; */
}
.el-menu-demo {
    /* display: flex;
    justify-content: center; */
    font-size: 16px;
    font-family: 'SourceHanSansCN Regular';
    /* margin-bottom: 15px; */
}
.el-menu.el-menu--horizontal {
    border-bottom: solid 1px #f6f6f7;
}
.el-dropdown-menu__item, .el-menu-item {
    font-size: 16px;
    font-weight: bold;
    padding: 0 30px;
}
.el-menu--horizontal>.el-menu-item {
    color: #a7adb4;
    /* margin: 0 4px; */
    margin-right: 8px;
    height: 50px;
    line-height: 50px;
    /* border-radius: 4px; */
}
.el-menu-demo .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
/* .el-select .el-input .el-select__caret {
    color: #9da7b2;
    font-size: 20px;
}
.el-icon-arrow-up:before {
    content: "\e790";
} */
.el-menu--horizontal>.el-menu-item.is-active {
    color: #1a7ef2 !important;
    border-bottom: 2.5px solid #1a7ef2;
    background: linear-gradient(to top,#e9f2fe, #ffffff);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: #1a7ef2 !important;
    background: linear-gradient(to top,#e9f2fe, #ffffff);
    border-bottom: 2.5px solid #1a7ef2 !important;
}
.el-menu-demo .tab_ic_hospital {
    background: url(../images/tab_ic_hospital.png) 100% 100% no-repeat;
}
.el-menu--horizontal>.el-menu-item.is-active .tab_ic_hospital {
    
    background: url(../images/tab_ic_hospital_hover.png) 100% 100% no-repeat;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover .tab_ic_hospital{
    background: url(../images/tab_ic_hospital_hover.png) 100% 100% no-repeat;
}
.el-menu-demo .tab_ic_accept {
    background: url(../images/tab_ic_accept.png) 100% 100% no-repeat;
}
.el-menu--horizontal>.el-menu-item.is-active .tab_ic_accept {
    
    background: url(../images/tab_ic_accept_hover.png) 100% 100% no-repeat;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover .tab_ic_accept{
    background: url(../images/tab_ic_accept_hover.png) 100% 100% no-repeat;
}
.el-menu-demo .tab_ic_local {
    background: url(../images/tab_ic_local.png) 100% 100% no-repeat;
}
.el-menu--horizontal>.el-menu-item.is-active .tab_ic_local {
    
    background: url(../images/tab_ic_local_hover.png) 100% 100% no-repeat;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover .tab_ic_local{
    background: url(../images/tab_ic_local_hover.png) 100% 100% no-repeat;
}
.el-menu-demo .tab_ic_his {
    background: url(../images/tab_ic_his.png) 100% 100% no-repeat;
}
.el-menu--horizontal>.el-menu-item.is-active .tab_ic_his {
    
    background: url(../images/tab_ic_his_hover.png) 100% 100% no-repeat;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover .tab_ic_his{
    background: url(../images/tab_ic_his_hover.png) 100% 100% no-repeat;
}
.el-menu-demo .tab_ic_register {
    background: url(../images/tab_ic_register.png) 100% 100% no-repeat;
}
.el-menu--horizontal>.el-menu-item.is-active .tab_ic_register {
    
    background: url(../images/tab_ic_register_hover.png) 100% 100% no-repeat;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover .tab_ic_register{
    background: url(../images/tab_ic_register_hover.png) 100% 100% no-repeat;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a5abb2;
    border-color: #a5abb2;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #a5abb2;
    border-color: #a5abb2;
}
.pageContainer {
    height: calc(100% - 95px);
}
.pageContainer .title, .localRegistrationInfo .title, .medicalCardAppointment .title {
    font-size: 16px;
    color: black;
    font-weight: bold;
    border-left: 4px solid #1a7ef2;
    padding-left: 7px;
    line-height: 20px;
}
.hospitalDepartInfor {
    padding: 0 10px;
    /* flex: 1; */
    /* display: flex; */
    /* flex-direction: column; */
    height: 100%;
    padding-right: 0px;
}
.step {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: 'SourceHanSansCN Regular';
}
.step .stepItem {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a7adb4;
}
.step .active {
    color: #1a7ef2;
}

.step .stepItem .stepNum {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    font-size: 13px;
    color: white;
    font-family: 'SourceHanSansCN Regular';
    background-color: #cbcbcb;
}
.step .active .stepNum {
    background-color: #1a7ef2;
}
.step .stepItem .icon {
    width: 20px;
    height: 20px;
    /* background-color: #a7adb4; */
    margin: 0 6px 0 10px;
}
.step .stepItem .title {
    font-weight: bold;
    /* font-family: 'SourceHanSansCN'; */
}
.step .stepItem .step_ic_hospital {
    background: url('../images/step_ic_hospital.png') 100% 100% no-repeat;
}
.step .active .step_ic_hospital {
    background: url('../images/step_ic_hospital_hover.png') 100% 100% no-repeat;
}
.step .stepItem .step_ic_accept {
    background: url('../images/step_ic_accept.png') 100% 100% no-repeat;
}
.step .active .step_ic_accept {
    background: url('../images/step_ic_accept_hover.png') 100% 100% no-repeat;
}
.step .stepItem .step_ic_pay {
    background: url('../images/step_ic_pay.png') 100% 100% no-repeat;
}
.step .active .step_ic_pay {
    background: url('../images/step_ic_pay_hover.png') 100% 100% no-repeat;
}
.step .stepItem .step_ic_result {
    background: url('../images/step_ic_result.png') 100% 100% no-repeat;
}
.step .active .step_ic_result {
    background: url('../images/step_ic_result_hover.png') 100% 100% no-repeat;
}
.step .line {
    width: 90px;
    height: 1px;
    background-color: #a7adb4;
    margin: 0 10px;
}
.step .activeLine {
    background-color: #1a7ef2;
}
.headerOper {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #edf3fc;
    border-radius: 4px;
    font-family: 'SourceHanSansCN Regular';
    margin: 0 10px;

}
.headerOper .operLeft .el-button {
    position: relative;
    padding-left: 36px;
}
.headerOper .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 14px;
    top: 7px;
}

.headerOper .successIcon {
    background: url('../images/data_ic_call.png') 100% 100% no-repeat;
}
.headerOper .primaryIcon {
    background: url('../images/data_ic_register.png') 100% 100% no-repeat;
}
.headerOper .dangerIconOne {
    background: url('../images/data_ic_noextend.png') 100% 100% no-repeat;
}
.headerOper .dangerIconTwo {
    background: url('../images/data_ic_nomember.png') 100% 100% no-repeat;
}
.headerOper .warningIcon {
    background: url('../images/data_btn_member.png') 100% 100% no-repeat;
}
.headerOper .data_ic_caller {
    background: url('../images/data_ic_caller.png') 100% 100% no-repeat;
}
.headerOper .data_ic_cs {
    background: url('../images/data_ic_cs.png') 100% 100% no-repeat;
}
.headerOper .data_ic_time {
    background: url('../images/data_ic_time.png') 100% 100% no-repeat;
}
.hospitalDepartInfor .body {
    display: flex;
    height: 100%;
    /* flex: 1; */
}
.hospitalDepartInfor .bodyLeft {
    width: 350px;
    min-width: 350px;
    height: 100%;
    border-right: 1px solid #f0f0f1;
    padding: 10px 10px 3px 10px;
    position: relative;
}
.hospitalDepartInfor .bodyLeft .el-input__icon {
    height: 36px;
}
/* .hospitalDepartInfor .bodyLeft .title {
    font-size: 16px;
    color: black;
    font-weight: bold;
    border-left: 4px solid #1a7ef2;
    padding-left: 6px;
    line-height: 20px;
} */
.hospitalDepartInfor .bodyLeft .demo-form-inline {
    padding-left: 8px;
    margin-top: 15px;
}
.hospitalDepartInfor .bodyLeft .el-form-item {
    margin-bottom: 6px;

}
.hospitalDepartInfor .bodyLeft .el-form--inline .el-form-item__label {
    font-weight: bold;
    color: #3b3e41;
}
.hospitalDepartInfor .bodyLeft .line {
    height: 1px;
    background-color: #f1f1f1;
    margin-top: 4px;
}
.hospitalDepartInfor .bodyLeft .tree {
    height: calc(100% - 170px);
    overflow: auto;
    padding-left: 5px;
    padding-bottom: 40px;
    padding-top: 5px;
    margin-right: -9px;
    
}
.hospitalDepartInfor .el-form-item__label,.localRegistrationInfo .el-form-item__label,.medicalCardAppointment .el-form-item__label {
    /* font-size: 15px; */
    font-weight: bold;
    color: #3b3e41;
}
.hospitalDepartInfor .el-radio__label {
    font-size: 14px;
}
.hospitalDepartInfor .el-tree-node__label {
    font-size: 14px;
}
.hospitalDepartInfor .custom-tree-node {
    font-size: 14px;
}
.hospitalDepartInfor .el-tree-node__expand-icon {
    font-size: 14px;
}
.hospitalDepartInfor .el-date-table {
    font-size: 14px !important;
}
.hospitalDepartInfor .bodyLeft .affiche {
    height: 40px;
    width: 357px;
    background-color: #eff4fd;
    position: absolute;
    bottom: -1px;
    left: -9px;
    z-index: 99;
    padding-left: 46px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    overflow: hidden;
}
.hospitalDepartInfor .bodyLeft .affiche .coverBg {
    position: absolute;
    height: 40px;
    width: 13px;
    bottom: 0px;
    left: 345px;
    background-color: #eff4fd;
}
.hospitalDepartInfor .bodyLeft .afficheContext {
    color: rgb(26, 126, 242);
    white-space: nowrap;
    width: auto;
    height: 19px;
    
}
.hospitalDepartInfor .bodyLeft .afficheCartoon {
    animation: marquee 80s linear infinite;
}
@keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
.hospitalDepartInfor .bodyLeft .afficheIcon {
    width: 42px;
    height: 36px;
    display: inline-block;
    background: url(../images/ic_bulletin.png) 60% 100% no-repeat #eff4fd;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
}
.hospitalDepartInfor .bodyRight {
    flex: 1;
    padding-top: 10px;
    padding-left: 18px;
    overflow: auto;
}
.hospitalDepartInfor .bodyRight .information {
    border-bottom: 1px solid #f0f0f1;
    padding-bottom: 10px;
    padding-right: 10px;
    /* height: calc(100% - 300px); */
    height: calc(60%);
}
.hospitalDepartInfor .bodyRight .information .el-form-item {
    margin-bottom: 5px;
}
/* .hospitalDepartInfor .bodyRight .title {
    font-size: 16px;
    color: black;
    font-weight: bold;
    border-left: 4px solid #1a7ef2;
    padding-left: 6px;
    line-height: 20px;
} */
.hospitalDepartInfor .bodyRight .tip {
    font-size: 14px;
    color: #ee4822;
    display: inline-block;
    margin-left: 2px;
}
.hospitalDepartInfor .bodyRight .table {
    padding-left: 8px;
    margin-top: 3px;
    height: calc(100% - 79px);
    position: relative;
    padding-bottom: 42px;
    
}
/* @media (max-width: 1645px) {
    .sceenWidth .el-form-item__label {
        width: 73px !important;
    }
  }

@media (max-width: 1740px) {
    .hospitalDepartInfor .bodyRight .table {
        height: calc(100% - 124px);
    }
  }
@media (min-width: 1740px) {
    .hospitalDepartInfor .bodyRight .table {
        height: calc(100% - 79px);
    }
}
@media (max-width: 1193px) {
    .hospitalDepartInfor .bodyRight .table {
        height: calc(100% - 158px);
    }
    .selectWidth .el-form-item__label {
        width: 73px !important;
    }
  } */
.el-pagination.is-background .el-pager li {
    background-color: white;
}
.hospitalDepartInfor .bodyRight .el-table {
    font-size: 14px;
}
.hospitalDepartInfor .bodyRight .el-table .el-table__cell {
    padding: 10px 0;
}
.hospitalDepartInfor .bodyRight .el-table .el-table__row td {
    padding: 3px 0px;
}
.el-pagination__total {
    margin-left: 13px;
}
.hospitalDepartInfor .bodyRight .detail {
    height: 40%;
    /* height: 300px; */
    display: flex; 
    font-weight: bold
}
.hospitalDepartInfor .detail .detailLeft {
    flex: 1;
    max-height: 100%;
    height: 100%;
    padding-top: 10px;
    position: relative;
    padding-bottom: 38px;
}
.hospitalDepartInfor .detailLeft .detailContainer {
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 40px);
    padding-bottom: 14px;

}
.hospitalDepartInfor .detailLeft .detailItem{
    padding-left: 10px; margin-top: 15px
}
.hospitalDepartInfor .detailLeft .detailInfoContanierTitle{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1a7ef2;
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.hospitalDepartInfor .detailLeft .detailInfoContanier {
    padding-left: 15px;
    
}
.hospitalDepartInfor .detailLeft .detailInfoContanier .detailInfoContanierItem {
    display: flex;
    margin-top: 5px;
    align-items: flex-start;
}
.hospitalDepartInfor .detailLeft .detailInfoItem {
    flex: 1; 
    color: #3b3e41;
    display: flex;
    align-items: center;
}
.hospitalDepartInfor .detailLeft .detailInfoTitle {
    padding: 2px 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
    align-self:flex-start;
    white-space: nowrap;
}
.hospitalDepartInfor .detailLeft .detailInfoContext {
    margin-left: 10px;
    color: #666a6f;
    font-weight: normal;
    flex: 1;
    word-break: break-all;
}
.hospitalDepartInfor .detailLeft .registration {
    position: absolute;
    bottom: 0;
    left: -19px;
    right: 0;
    text-align: center;
    padding: 5px 0 2px;
    box-shadow: 0px -2px 4px rgb(175 175 175 / 20%);
    z-index: 99;
    background: white;
}
.hospitalDepartInfor .detail .detailRight {
    width: 380px;
    max-height: 100%;
    height: 100%;
    padding-top: 10px;
    padding-left: 10px;
    border-left: 1px solid #f6f6f7;
    position: relative;
}
.historyInfoContainer {
    overflow: auto;
    height: calc(100% - 55px);
    width: 97%;
    padding-left: 18px;
}
.hospitalItem {
    margin-top: 15px;
}
.hospitalItem .userName{
    color: #409eff;
}
.hospitalItem .operSteps {
    margin-top: 3px;
}
.hospitalItem .operItem {
    display: flex;
    align-items: center;
    padding-left: 2px;
    padding-right: 8px;
    margin-bottom: 10px;
    position: relative;
}
.hospitalItem .cricle {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #1a7ef2;
    position: absolute;
    top: 7px;
    left: 0;
    z-index: 99;
}
.hospitalItem .operItemContext {
    flex: 1;
    font-size: 14px;
    padding-left: 11px;
}
.hospitalItem .operItemDetail {
    color: #3b3e41;
    min-width: 210px;
    /* margin-bottom: 2px; */
}
.hospitalItem .operTime {
    color: #a5abb2;
    font-weight: normal;
    padding-left: 10px;
}
.hospitalItem .line {
    height: 100%;
    width: 1px;
    background-color: #edf3fc;
    position: absolute;
    top: 16px;
    left: 3px;
}
.el-dialog__header {
    padding: 13px 21px;
    font-size: 16px;
    font-family: 'SourceHanSansCN Regular';
    font-weight: bold;
    background: #f6f6f7;
    display: flex;
    align-items: center;
}
.el-dialog__headerbtn {
    top: 8px;
    right: 16px;
    font-size: 22px;
}
.el-dialog__body {
    padding: 12px 21px;
}
.el-dialog__footer {
    text-align: center;
}
.selfDialog{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    margin-top:0!important;
}
.moveOperMenu li {
    font-weight: normal;
    font-size: 14px;
    padding: 0 20px;
}
.memeberInfo {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 99;
    width: 560px;
    /* height: 300px; */
    background-color: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.memeberInfo .header {
    /* height: 114px; */
    background-color: #fcf4e2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 17px 21px;
}
.memeberInfo .header .detailInfo {
    display: flex;
    margin-top: 11px;
    flex-flow: wrap;

}
.memeberInfo .header .detailInfo .itemText {
    padding: 1px 10px;
    border-radius: 15px;
    background-color: white;
    border: 1px solid #f5ad0c;
    color: #f5ad0c;
    font-size: 12px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 4px;
}
.memeberInfo .title1 {
    height: 55px;
    font-size: 16px;
    font-family: 'SourceHanSansCN Regular';
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.memeberInfo .itemContaier {
    /* height: 80px; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.memeberInfo .itemContaier .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.memeberInfo .itemContaier .item span {
    font-size: 14px;
    font-family: 'SourceHanSansCN Regular';
    color: #666a6f;
    margin-top: 4px;
}
.memeberInfo .footer {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fade-enter-active, .fade-leave-active {
    transition: all .3s ease;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
    transform: translateY(-5%);
}
.AcceptRegistrationBusiness {
    height: 100%;
    padding: 0 10px 50px;
    position: relative;
    display: flex;
}
.AcceptRegistrationBusiness .bodyLeft {
    flex: 1;
    border-right: 1px solid #f0f0f1;
    padding: 13px 15px 13px 10px;
    height: 100%;
    overflow: auto;
}
.changeColorRed input, .changeColorRed {
    color: #ee4822 !important;
}
.changeColorBlue input, .changeColorBlue {
    color: #1a7ef2 !important;
}

.AcceptRegistrationBusiness .bodyLeft .detailContainer {
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    /* height: calc(100% - 25px); */
    font-weight: bold;

}
.AcceptRegistrationBusiness .bodyLeft .detailItem{
    padding-left: 10px; margin-top: 15px
}
.AcceptRegistrationBusiness .bodyLeft .detailInfoContanierTitle{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1a7ef2;
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.AcceptRegistrationBusiness .bodyLeft .detailInfoContanier {
    padding-left: 15px;
    margin-top: 6px;
}
.AcceptRegistrationBusiness .bodyLeft .detailInfoContanier .detailInfoContanierItem {
    display: flex;
    margin-bottom: 9px;
    align-items: flex-start;
}
.AcceptRegistrationBusiness .bodyLeft .detailInfoItem {
    flex: 1; 
    color: #3b3e41;
    display: flex;
    align-items: center;
}
.AcceptRegistrationBusiness .bodyLeft .detailInfoTitle {
    padding: 2px 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
    align-self:flex-start;
    white-space: nowrap;
}
.AcceptRegistrationBusiness .bodyLeft .detailInfoContext {
    margin-left: 10px;
    color: #666a6f;
    font-weight: normal;
    flex: 1;
    word-break: break-all;
}

.AcceptRegistrationBusiness .bodyRight {
    flex: 1;
    padding: 13px 10px;
    padding-left: 16px;
    height: 100%;
    overflow: auto;
}
.AcceptRegistrationBusiness .el-form-item--medium .el-form-item__label {
    line-height: 36px;
    font-size: 14px;
    font-family: 'SourceHanSansCN';
    font-weight: bold;
    color: #3b3e41;
}
.AcceptRegistrationBusiness .bodyRight .tipContainer .tip {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    color: #1a7ef2;
    font-size: 16px;
    font-family: 'SourceHanSansCN Regular';
    margin-bottom: 8px;
    font-weight: bold;
}
.AcceptRegistrationBusiness .bodyRight .tipContainer .stepTitle {
    color: #031223;
    font-size: 14px;
    font-family: 'SourceHanSansCN';
    margin: 2px 0;
    font-weight: bold;
    padding-left: 1px;
}
.AcceptRegistrationBusiness .bodyRight .tipContainer .context {
    color: #666a6f;
    font-size: 14px;
    font-family: 'SourceHanSansCN Regular';
    padding-left: 1px;
}
.AcceptRegistrationBusiness .bodyRight .tipContainer .tipIcon{
    width: 16px;
    height: 16px;
    background: url('../images/ic_explain.png') 100% 100% no-repeat;
    display: inline-block;
    margin-right: 5px;
}
.medicalCardAppointment .tipIcon {
    width: 16px;
    height: 16px;
    background: url('../images/ic_explain.png') 100% 100% no-repeat;
    display: inline-block;
    margin-right: 5px;
}
.localSingleTableContainer {
    width: 100%; 
    height: calc(100% - 203px);
    /* overflow: hidden; */
    padding-left: 12px; 
}
.hospitalUserLogTableContainer {
    height: calc(100% - 195px);
}
/* @media (max-width: 1225px) {
    .localSingleTableContainer {
        height: calc(100% - 255px);
    }
} */
/* @media (max-width: 908px) {
    .localSingleTableContainer {
        height: calc(100% - 304px);
    }
} */


.AcceptRegistrationBusiness .footer {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 99;
    box-shadow: 0px -2px 4px rgb(175 175 175 / 20%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.returnResult {
    height: 100%;
    padding: 0 20px;
    overflow: auto;
}
.el-result {
    padding: 25px 30px;
}
.el-result .icon-success {
    fill: #11cd6e;
}
.el-result__title {
    margin-top: -7px;
}
.el-result__title p {
    font-size: 20px;
    /* color: #303133; */
    color: #031223;
    font-size: 20px;
    font-family: 'SourceHanSansCN';
    font-weight: bold;
}
.el-result__extra {
    margin-top: 3px;
}
.el-result .contextDetail {
    color: #666a6f;
    font-size: 16px;
    max-width: 850px;
    font-family: 'SourceHanSansCN Regular';
}
.el-result .contextOper {
    color: #031223;
    font-family: 'SourceHanSansCN';
    font-weight: bold;
}
.el-result .resultBtn {
    margin-top: 14px
}

.resultDetail .detailContainer {
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    /* height: calc(100% - 25px); */
    font-weight: bold;

}
.resultDetail .detailItem{
    padding-left: 10px; margin-top: 15px
}
.resultDetail .detailInfoContanierTitle{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1a7ef2;
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.resultDetail .detailInfoContanier {
    padding-left: 15px;
    margin-top: 6px;
}
.resultDetail .detailInfoContanier .detailInfoContanierItem {
    display: flex;
    margin-bottom: 9px;
    align-items: flex-start;
}
.resultDetail .detailInfoItem {
    flex: 1; 
    color: #3b3e41;
    display: flex;
    align-items: center;
}
.resultDetail .detailInfoTitle {
    padding: 2px 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
    align-self:flex-start;
    white-space: nowrap;
}
.resultDetail .detailInfoContext {
    margin-left: 10px;
    color: #666a6f;
    font-weight: normal;
    flex: 1;
    word-break: break-all;
}
.localRegistrationInfo {
    position: relative;
    padding-left: 20px;
    display: flex;
    height: calc(100% - 51px);
}
.hospitalUserLog {
    height: calc(100%);
}
.localRegistrationInfo .el-input__suffix {
    top: -2px;
}
.hospitalUserLog .el-input__suffix {
    top: 0px;
}
.localRegistrationInfo .titleInfo {
    margin-top: 20px;
    margin-bottom: 10px;
}
.localRegistrationInfo .localBodyLeft {
    flex: 1;
    height: 100%;
    position: relative;
    width: calc(100% - 372px);
    margin-right: 18px;
}
.localRegistrationInfo .el-form-item {
    margin-bottom: 10px;
    margin-right: 20px;
}
.localRegistrationInfo .localBodyRight {
    /* width: 350px;
    min-width: 350px;
    padding: 20px 5px 43px 20px; */
    
    height: 100%;
    border-left: 2px solid #f6f6f7;
    position: relative;
    transition: width .4s ease;
}

.localRegistrationInfo .shrink {
    width: 0;
    /* min-width: 0; */
    padding: 0;
}
.localRegistrationInfo .shrink .title, .localRegistrationInfo .shrink .operBtnContainer{
    display: none;
}
.localRegistrationInfo .spread {
    width: 350px;
    /* min-width: 350px; */
    padding: 20px 5px 43px 20px;
}
.hospitalUserLog .spread {
    padding: 20px 5px 5px 20px;
}
.localRegistrationInfo .localBodyRight .detailContainer {
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: bold;
    /* height: calc(100% - 25px); */

}
.localRegistrationInfo .localBodyRight .detailItem{
    padding-left: 10px; 
    margin-top: 15px
}
.localRegistrationInfo .localBodyRight .detailInfoContanierTitle{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1a7ef2;
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.localRegistrationInfo .localBodyRight .detailInfoContanier {
    padding-left: 15px;
    
}
.localRegistrationInfo .localBodyRight .detailInfoContanier .detailInfoContanierItem {
    display: flex;
    margin-top: 5px;
    align-items: center;
}
.localRegistrationInfo .localBodyRight .detailInfoItem {
    flex: 1; 
    color: #3b3e41;
    display: flex;
    align-items: center;
}
.localRegistrationInfo .localBodyRight .detailInfoTitle {
    padding: 2px 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
    align-self:flex-start;
    white-space: nowrap;
}
.localRegistrationInfo .localBodyRight .detailInfoContext {
    margin-left: 10px;
    color: #666a6f;
    font-weight: normal;
    flex: 1;
    word-break: break-all;
}
.localRegistrationInfo .localBodyRight .btnIcon {
    display: inline-block;
    width: 12px;
    height: 38px;
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.localRegistrationInfo .localBodyRight .btn_retract {
    background: url('../images/btn_retract.png') 100% 100% no-repeat;
}
.localRegistrationInfo .localBodyRight .btn_open {
    background: url('../images/btn_open.png') 100% 100% no-repeat;
}
.localRegistrationInfo .localBodyRight .operBtnContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: white;
    padding: 5px 0;
    box-shadow: 0px -2px 4px rgb(175 175 175 / 20%);
    white-space: nowrap;
}
.localRegistrationInfo .localBodyRight .operBtnContainer button {
    padding: 8px 13px;
}
.formSms .el-form-item__label {
    font-weight: bold;
    color: #3b3e41;
}
.treeHighLight { 
    color: #1a7ef2;  
  }

.medicalCardAppointment {
    padding: 3px 20px 0;
}
.medicalCardAppointment .el-input__suffix {
    top: -1px;
}
.medicalCardAppointment .el-form-item {
    margin-bottom: 4px;
}
.medicalCardAppointment .medicalTableContainer {
    height: calc(100% - 111px);
}
@media (max-width: 1286px) {
    .medicalCardAppointment .medicalTableContainer {
        height: calc(100% - 155px);
    }
}

.keyBoardContainer {
    font-weight: bold;
}
.keyBoardContainer .detailContainer {
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    /* height: calc(100% - 25px); */

}
.keyBoardContainer .detailItem{
    padding-left: 10px; 
    margin-top: 15px;
    color: black;
}
.keyBoardContainer .detailInfoContanierTitle{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1a7ef2;
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.keyBoardContainer .detailInfoContanier {
    padding-left: 15px;
    
}
.keyBoardContainer .detailInfoContanier .detailInfoContanierItem {
    display: flex;
    margin-top: 5px
}
.keyBoardContainer .detailInfoItem {
    flex: 1; 
    color: #3b3e41;
    display: flex;
    align-items: center;
}
.keyBoardContainer .detailInfoTitle {
    display: inline-block;
    padding: 2px 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
}
.keyBoardContainer .detailInfoContext {
    margin-left: 10px;
    display: inline-block;
    color: #666a6f;
    font-weight: normal;
    flex: 1;
}
.localRegistrationInfo .demo-form-inline .el-form-item__content {
    width: calc(100% - 110px);
}
.localRegistrationInfo .localFormClass .el-form-item__content {
    width: calc(100% - 110px);
}
.localRegistrationInfo .localFormClass .localInputBtn .el-form-item__content {
    width: 100%;
}
.localRegistrationInfo .localFormClass .el-form-item {
    width: 100%;
}
.localRegistrationInfo .demo-form-inline .formItemBtn .el-form-item__content {
    width: 100%;
}
.localRegistrationInfo .demo-form-inline .el-date-editor.el-input, .demo-form-inline .el-date-editor.el-input__inner, .demo-form-inline .el-select {
    width: 100%;
}
@font-face {
    font-family:'SourceHanSansCN Regular' ;
    src: url('./fonts/SourceHanSansCN-Regular.otf');
  }
@font-face {
    font-family:'SourceHanSansCN' ;
    src: url('./fonts/SourceHanSansCN-Normal.otf');
}